<template>
    <div style="display: flex" >
        <div class="divider1"></div>
        <div class="divider"></div>
    </div>
</template>
<script setup>
import { ref } from 'vue'
const count = ref(30)

</script>
<style scoped>
.page{
    width: 100%;
    height: 100%;
}
.divider1 {
    height: 3px;
    background: #409eff; /* 渐变效果 */
    margin: 20px 0;
    width: 30%;
}
.divider {
    height: 1px; /* 分隔线高度 */
    background: #d5d5d5;
    margin: 20px 0;
    width: 70%;
}
</style>